$(function () {
  // 1. 全选 全不选功能模块
  // 就是把全选按钮(checkall)的状态赋值给 三个小的按钮(j-checkbox)就可以了
  $(".checkall").change(function () {
    // console.log($(this).prop("checked"))
    $(".j-checkbox,.checkall").prop("checked", $(this).prop("checked"))
    if ($(this).prop("checked")) {
      // 让所有的商品添加 checked-cart-item 类名
      $(".cart-item").addClass(".checked-cart-item")
    } else {
      // checked-cart-item 移除
      $(".cart-item").remove(".checked-cart-item")
    }
    getSum()
    $(".j-checkbox").change() // 调用复选框事件
  })
  // 2. 如果小复选框被选中的个数等于3 就应该把全选按钮选上，否则全选按钮不选
  $(".j-checkbox").change(function () {
    // console.log($(".j-checkbox:checked").length)
    // $(".j-checkbox").length 所有小复选框的个数
    if ($(".j-checkbox:checked").length === $(".j-checkbox").length) {
      $(".checkall").prop("checked", true)
    } else {
      $(".checkall").prop("checked", false)
    }
    if ($(this).prop("checked")) {
      // 让所有的商品添加 checked-cart-item 类名
      $(this).parents(".cart-item").addClass("check-cart-item")
    } else {
      // checked-cart-item 移除
      $(this).parents(".cart-item").removeClass("check-cart-item")
    }
    getSum()
  })
  // 3. 增减商品数量模块 首先声明一个变量，当我们点击+号（increment），就让这个值++，然后赋值给文本框
  $(".increment").click(function () {
    // 得到当前兄弟文本框的值
    var n = $(this).siblings(".itxt").val()
    // console.log(n)
    n++
    $(this).siblings(".itxt").val(n)
    // 3. 计算小计模块 根据文本框的值 乘以 当前商品的价格 就是 商品的小计
    var p = $(this).parents(".p-num").siblings(".p-price").html()
    // console.log(p)
    p = p.substr(1)
    // console.log(p)
    // 小计模块
    $(this)
      .parents(".p-num")
      .siblings(".p-sum")
      .html("￥" + (p * n).toFixed(2))
    getSum()
  })
  $(".decrement").click(function () {
    // 得到当前兄弟文本框的值
    var n = $(this).siblings(".itxt").val()
    if (n == 1) {
      return false
    }
    n--
    $(this).siblings(".itxt").val(n)

    var p = $(this).parents(".p-num").siblings(".p-price").html()
    // console.log(p)
    p = p.substr(1)
    // 小计模块
    $(this)
      .parents(".p-num")
      .siblings(".p-sum")
      .html("￥" + (p * n).toFixed(2))
    getSum()
  })
  // 4. 用户修改文本框的值 计算 小计模块
  $(".itxt").change(function () {
    // 先得到文本框的里面的值 乘以 当前商品的单价
    var n = $(this).val()
    var p = $(this).parents(".p-num").siblings(".p-price").html()
    p = p.substr(1)
    $(this)
      .parents(".p-num")
      .siblings(".p-sum")
      .html("￥" + (n * p).toFixed(2))
    getSum()
  })
  // 5. 计算总计和总额模块
  getSum()
  function getSum() {
    var count = 0 // 计算总件数
    var money = 0 // 计算总价钱
    $(".itxt").each(function (i, ele) {
      if ($(this).parents(".p-num").siblings(".p-checkbox").children(".j-checkbox").prop("checked")) {
        count += parseInt($(ele).val())
      }
    })
    $(".amount-sum em").text(count)
    $(".p-sum").each(function (i, ele) {
      if ($(this).siblings(".p-checkbox").children(".j-checkbox").prop("checked")) {
        money += parseFloat($(ele).text().substr(1))
      }
    })
    $(".price-sum em").text(money.toFixed())
  }
  // 6. 删除商品模块
  // (1)商品后面的删除按钮
  $(".p-action a").click(function () {
    // 删除的是当前的商品
    $(this).parents(".cart-item").remove()
    getSum()
  })
  // (2)删除选中的商品
  $(".remove-batch").click(function () {
    // 删除的是小的复选框选中的商品
    $(".j-checkbox:checked").parents(".cart-item").remove()
    getSum()
  })
  // (3)清空购物车 删除全部商品
  $(".clear-all").click(function () {
    $(".cart-item").remove()
    getSum()
  })
})
